@charset "utf-8";

/* CSS Document */

* { margin:0 auto; padding:0;}

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {

	margin: 0;padding: 0;}

html {overflow-y: scroll;}

html, body {font-size: 14px;font-family: "微软雅黑", Arial, sans-serif;color: #4c4c4c;background: #fff;

}

iframe {

    background-image: none; border: none;

}

a {color: #333;text-decoration: none;}

a:hover {color: #fff226;}

img {border: 0 none;}

ol, ul, li {list-style: none;}

div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}

input[type="submit"] {cursor: pointer;}

button {cursor: pointer;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

.box {width: 1200px;height: auto;margin: 0 auto;}





/*头部*/

.headtop{height: 40px; background: #808080;color: #fff;}

.headtop a{color: #fff;}

.headtop h3{line-height:38px; font-weight: normal;}

.headtop h3 a{ font-size: 14px;}

.headtop h3 em{font-style: normal; font-size: 14px;}

.topleft span, .topleft a{display: inline-table; height: 40px; min-width: 45px; line-height: 40px; display: block; float: left; text-align: center; font-size: 14px; cursor: pointer;}

.topleft .phone{background: url(../images/index_06.png) center left no-repeat; padding-left: 26px; margin: 0px 20px; font-size: 16px;}

.topleft .weixin{background: url(../images/index_03.png) center center no-repeat;}

.topleft .mobile{background: url(../images/index_09.png) center center no-repeat;}

.topleft .mobile,.topleft .weixin{position: relative;}

.topleft .weixin img, .topleft .mobile img{width: 100px; position: absolute; left: 50%; margin-left: -50px; top:40px; display: none;}

.topleft .mobile:hover img,.topleft .weixin:hover img{display: block;}

.headtop a:hover{color: #fdef00;}







/*幻灯图*/

.banner .swiper-pagination-bullet{width: 16px; height: 15px; background: url(../images/banner_05.png) center center no-repeat;}

.banner .swiper-pagination-bullet-active{background: url(../images/banner_03.png) center center no-repeat;}

.banner img{max-width: 100%;}



.nav {height:58px; background: #fdef00; border-top:3px #fdef00 solid;}

.nav>ul {}

.nav>ul>li {float: left; height: 58px;; position: relative; text-align: center;}

.nav>ul>li>a {display: block; height: 58px;line-height: 58px; width: 107px; margin:0px 13px;font-size:16px;}

.nav>ul>li>a:hover{background: #fff; color: #333;}

.nav>ul>li>a.active{background: #fff; color: #333;}



.navmenu{ position: absolute; left: 50%; margin-left: -56px;  top: 58px; z-index: 5; display: none; width: 112px;  background: #fff; padding:6px 0px;}

.navmenu a{display: block; height: 41px; line-height: 41px;padding: 0px 5px; overflow: hidden; border-bottom: 1px #bd1328 solid; font-size: 16px;text-align: center;}

.navmenu a:hover{background:#cccccc;}



.logo{padding:21px 0px;}



.logo ul{float: right; font-size:14px; width: 381px; margin-top: 14px;}

.logo ul li{float: left; margin-left: 15px;}

.logo ul li span{background: url(../images/index_17.jpg) center center no-repeat; width: 192px; height: 31px; display: inline-table; color: #fff226; font-weight: bold; font-size: 16px; line-height: 31px; text-indent: 70px;}

.logo ul form{background: #f4f4f4;}

.logo ul .txt{width: 120px; height: 31px; background: none; border:0px solid #fff; font-size:16px;}

.logo ul .sub{width:34px; height: 31px; border:none; font-size: 16px;  background: url(../images/index_20.jpg) center center no-repeat;}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#fdef00;}
.side ul li:hover a{color: #333;}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#fdef00;}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:128px;display:none;color:#363636;text-align:center;position:absolute;left:-130px;top:0;border:1px solid #e0e0e0; background: #fff;}
.side ul li.sideewm .ewBox.son img{max-width: 100%;}
.side ul li.sideetel .telBox.son{width:128px;display:none;text-align:left;position:absolute;left:-130px;top:0px;border:1px solid #e0e0e0;background: #fff;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}







.footer{background: #eeeeee;}

.ftop{padding: 40px 0px;}

.fnav{float: left;}

.ferweima{float: right;}

.fnav li{width: 176px; display: inline-table;}

.fnav li h3{font-size: 18px; margin-bottom: 8px;}

.fnav li a{display: block; color: #666666; line-height: 30px;}



.ferweima li{display: inline-table; width: 160px; text-align: center;}

.ferweima li h3{font-size: 14px; margin-top: 10px; font-weight: normal;}



.fbottom{text-align: center; line-height: 45px;  background: #fff;}


.banner{position: relative; text-align:center;}
.banner_menu{position: absolute; z-index: 9; left: 0px; top: 0px; width: 100%}

/* 分类列表 */
    .index-list {
        width: 185px;
        height: 564px;
        position: relative;
        /* left: 350px; */
        /* display: none; */
        /* z-index: 900; */
    }
    .header-menu-index:hover .index-list{
        display: block !important;
    }
    .index-list .index-list-first {
        width: 100%;
        /* height: 47px; */
        /* background: linear-gradient(90deg,rgba(255,7,7,1),rgba(255,60,60,1)); */
        background: #8f9093;
        padding: 15px 0px 15px 20px;
        box-sizing: border-box;
        cursor: pointer;
        /* border-top: 1px solid rgba(255,255,255,.5); */
        /* transition: ease all .2s; */
    }
    .index-list-first:last-child{
        display: none !important;
    }
    .index-list .index-list-first:hover .index-list-sec{display: block;}
    .index-img-icon{
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }
    .index-img-icon-active{
        width: 20px;
        height: 20px;
        display: none;
        vertical-align: middle;
    }
    .index-list-first .index-img {
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
    }
    .index-list-first .index-img-active {
        width: 12px;
        height: 12px;
        display: none;
        vertical-align: middle;
    }
    .index-list-first .index-text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 12px - 8px - 20px);
        height: 26px;
        line-height: 26px;
        color: #fff;
        font-size: 14px;
        /* font-weight: bold; */
        padding: 0 !important;
    }
    .index-list-first:hover .index-img, .index-list-first:hover .index-img-icon {
        display: none;
    }
    .index-list-first:hover .index-img-active, .index-list-first:hover .index-img-icon-active {
        display: inline-block
    }
    .index-list-first:hover .index-text {
        color: #FF0000 !important;
    }
    .index-list-first:hover {
        background: #fff !important;
        background-size: 12px 12px !important;
    }
    /* 二三级分类 */
    .index-list-sec::-webkit-scrollbar{
        display: none;
    }
    .index-list-sec {
        width: 1015px;
        background: rgba(255,255,255,0.8);
        height: 504px;
        overflow-y: scroll;
        position: absolute;
        top: 0;
        left: 184px;
        z-index: 999;
        display: none;
        padding: 30px 40px;
        box-sizing: border-box; text-align:left;
    }
    .index-list-sec .list-sec-cell {
        width: 100%;
        box-sizing: border-box; line-height: 2;
    }
    .list-sec-cell .sec-cell-title {
        color: #333333;
        font-weight: 600;
        font-size: 16px;
        /* line-height: 33px; */
        width: 150px;
        cursor: pointer;
    }
    .list-sec-cell .sec-cell-img {
        width: 12px;
        height: 12px;
        margin-top: 10px;
    }